.trans {transition:.3s;-webkit-transition:.3s}
.wh100 {display:block;width:100%;height:100%}
.bac {background-position:50% 50%;background-repeat:no-repeat}
.banner {height:745px;overflow:hidden;position:relative;}
.banner .bd {position:relative;z-index:0}
.banner .bd ul {width:100%!important}
.banner .bd ul li {width:100%!important;height:745px;position:relative;zoom:1;vertical-align:middle;color:#fff;font:400 22px/200% "Microsoft YaHei"}

.banner .hd {width:100%; position:absolute;
    padding-top: 10px;
    left: 0;
    bottom: 0;
    z-index:100;height:50px;margin: 0;
   transition: .6s;-webkit-transition: .6s;}
.banner .hd .svg {
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 16px;
}
.banner .hd .svg svg{
    display: block;visibility: visible;
    width: 100%;
    height: 100%;}
.banner .hd .svg circle:first-child {
    fill: none;
    stroke: #fff;
    stroke-dasharray: 48px;
    stroke-dashoffset: 48px;
    stroke-width: .1em;
    transition: stroke-dashoffset .5s cubic-bezier(0.645,.045,.355,1)

}

.banner .hd .inner {
    display: block;
    position: relative;
    height: 100%;
    z-index: 2
}

.banner .hd .inner:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    content: '';
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: none
}

.banner .hd .on .svg circle:first-child,.banner .hd li:hover .svg circle:first-child {
    stroke-dashoffset: 0
}

.banner .hd .on .inner:before {
    opacity: 0;
    -webkit-transform: scale(5);
    transform: scale(5);
    transition: opacity .5s cubic-bezier(0.215,.61,.355,1),-webkit-transform .5s cubic-bezier(0.215,.61,.355,1);
    transition: transform .5s cubic-bezier(0.215,.61,.355,1),opacity .5s cubic-bezier(0.215,.61,.355,1);
    transition: transform .5s cubic-bezier(0.215,.61,.355,1),opacity .5s cubic-bezier(0.215,.61,.355,1),-webkit-transform .5s cubic-bezier(0.215,.61,.355,1)
}

.sr-only {
    overflow: hidden;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0,0,0,0)
}



.banner .hd ul {text-align:center; vertical-align: middle;width:100%;
    height: 100%;
}
.banner .hd ul li {cursor:pointer;margin:  0 15px;width:8px;height:8px;text-indent: -999em;vertical-align: middle;
    position: relative;
    display: inline-block;

}



/*.banner .hd ul li svg {width:100%;height:100%;}
.banner .hd ul li .path {stroke-dasharray:282,282;stroke-dashoffset:282;}*/
.banner .hd ul li.on {}
/*banner效果*/.banner .wrap {height:100%;}
.banner dl dd {position:absolute;}
.banner .item0{background-color: #000;}
.banner .item0 .cont{
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,.35);
    position: absolute;
    top: 0;
    left: 0;}
.banner .item0 .cont .txt{padding-top: 200px;
    padding-left: 20px;}
.banner .item0 video{min-width: 100% !important; min-height:100% !important;position: relative;top:0;}
/*   -130px  */
.banner .item1 .dd1 {top:180px;display:none;left:0;}
.banner .item1 .dd2 {top:236px;display:none;left:0;}
.banner .item1 .dd3 {top:406px;display:none;left:5px;}
.banner .item1 .dd4 {top:436px;display:none;width:63px;height:4px;background-color:#b30808;left:-50px;}
.banner .item1 .dd5 {top:159px;width:161px;height:198px;left:887px;}
.banner .item1 .dd5 .light {position:absolute;bottom:0;left:0;opacity:0;width:100%;overflow:hidden;transition:.7s .6s;-webkit-transition:.7s .6s;height:0px;}
.banner .item1 .dd5 .light img {position:absolute;bottom:0;left:0;}
.banner .item1 .dd5.animated .light {height:198px;opacity:1;}
.banner .item1 .dd5.animated .box {visibility:visible;top:19px;}
.banner .item1 .dd5 .box {position:absolute;visibility:hidden;width:100%;transition:1s 1.4s;-webkit-transition:1s 1.4s;text-align:center;top:69px;}
.slideBox .slideBox .bd {position:relative;z-index:0}
.banner .item2 .dd1 {top:101px;display:none;left:27px;}
.banner .item2 .dd2 {top:306px;display:none;left:31px;}
.banner .item2 .dd3 {top:481px;display:none;left:5px;}
.banner .item2 .dd4 {top:479px;display:none;left:125px;}
.banner .item2 .dd5 {top:478px;display:none;left:240px;}
.banner .item2 .dd6 {top:226px;visibility:hidden;opacity:0;transition:.8s 1.5s;-webkit-transition:.8s 1.5s;transform:scale(.3);-webkit-transform:scale(.3);left:817px;}
.banner .item2 .dd6.animated {visibility:visible;opacity:1;transform:scale(1);-webkit-transform:scale(1);top:116px;}

.banner .item3 .dd1 {top:120px;display:none;left: -2px;}
.banner .item3 .dd2 {top:309px;display:none;left:1px;}
.banner .item3 .dd3 {top:449px;display:none;left:-15px;width: 30px;height: 1px;background-color: #fff;}
.banner .item3 .dd4 {    top: 544px;;display:none;left:0px;}
.banner .item3 .dd5 {    top: 544px;;display:none;left:0px;}
.banner .item3 .dd6 {    top: 544px;;display:none;left:0px;}
.banner .item3 .dd7 { top: 39px;right: -221px;}
.banner .item3 .dd7 .ad{
    position: absolute;
    width: 100px;
    height: 100px;}
.banner .item3 .dd7 .ad-1{
    height: 300px;
    right: 1001px;
    top: 62px;}
.banner .item3 .dd7.animated .ad-1 .pic{background-position-y:0px; }
.banner .item3 .dd7 .ad-1 .pic{position: absolute;
    left: 0;
    bottom: 0;
    width: 18px;
    height: 225px;
    background: url("../images/banner/ad-1-line.png") no-repeat 50% 250px;

}
.banner .item3 .dd7 .ad-1 .txt{position: absolute;
    top: 39px;
    left: 27px;}

.banner .item3 .dd7 .ad-2{
    width: 137px;
    height: 323px;
    right: 251px;
    top: 2px;}
.banner .item3 .dd7.animated .ad .pic{ transition: 1s 1s;}
.banner .item3 .dd7 .ad .txt{ transition: 1s 1.6s;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px)}
.banner .item3 .dd7.animated .ad .txt{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px) }

.banner .item3 .dd7.animated .ad-2 .pic{background-position-y:0px; }
.banner .item3 .dd7 .ad-2 .pic{position: absolute;
    right: -32px;
    bottom: -38px;
    width: 18px;
    height: 296px;
    background: url("../images/banner/ad-2-line.png") no-repeat 50% 296px;

}
.banner .item3 .dd7 .ad-2 .txt{position: absolute;
    top: 39px;
    left: 27px;}

.banner .item3 .dd7 .ad-3{
    width: 246px;
    height: 87px;
    right: 233px;
    bottom: 92px;}
.banner .item3 .dd7.animated .ad-3 .pic{background-position-x:0px; }
.banner .item3 .dd7 .ad-3 .pic{position: absolute;
    left: -119px;
    bottom: 28px;
    width: 130px;
    height: 40px;
    background: url("../images/banner/ad-3-line.png") no-repeat -130px 50%;
    transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
}
.banner .item3 .dd7 .ad-3 .txt{position: absolute;
    top: 39px;
    left: 27px;}

.slideBox .bd ul {width:100%!important}
.slideBox .bd li {width:100%!important;height:480px;position:relative;zoom:1;vertical-align:middle;color:#fff;font:400 22px/200% "Microsoft YaHei"}
.slideBox .bd dl {position:relative;width:1200px;height:480px;margin:0 auto}
.slideBox .bd dd {position:absolute;display:none}
.proStyle {padding:0 5%;margin: 100px auto ;max-height: 480px;overflow: hidden;}
.proStyle .right{float: left;width: 40%;padding-right: 2%;position: relative;min-height: 388px;
   text-align: left;}
 .proStyle .right .hd{position: absolute;left: 0;bottom: 10%;height: 14px;}
 .proStyle .right .cont{position: relative;width: 100%;}
 .proStyle .right .item{    transition: .3s;-webkit-transition: .3s;position: absolute;top: 0;opacity: 0;    visibility: hidden;width: 100%;padding-top: 10%;}
 .proStyle .right .item.on{    opacity: 1;visibility: visible;}
.proStyle .right .hd ul{height: 100%;}
.proStyle .right .hd li{float: left;width: 20px;margin: 0 2px;position: relative;cursor: pointer;height: 100%;}
.proStyle .right .hd li span{display: block;width: 2px;position: absolute;bottom: 0;left:50%;margin-left: -1px;height: 14px;background-color: #a7a7a7;transition: .3s;}
.proStyle .right .hd li.on span{background-color: #b01c1d;height: 27px;}
.proStyle .right .title{font-size: 38px;color: #c03b3c;margin-bottom: 6%;}
.proStyle .right .intro{font-size: 18px;color: #4d4d4d;margin-bottom: 10%;line-height: 32px;height: 63px;}
.proStyle .right .proStyLink{color: #989898;margin-bottom: 27%;font-size: 16px;}
.proStyle .right .proStyLink li{float: left;position: relative;width: 25%;vertical-align: bottom;}
.proStyle .right .proStyLink li a{position: relative;line-height: 24px;height: 24px;display: inline-block;}
.proStyle .right .proStyLink li a:hover{color: #c03b3c;}
.proStyle .right .proStyLink li a:after{background-color: #c03b3c;height: 1px;width: 0;position: absolute;bottom: -1px;left: 0;transition: .3s;content: "";display: block;}
.proStyle .right .proStyLink li:hover a:after{width: 100%;}
.proStyle .right .proStyLink li:last-child{margin-right: 0;}
.proStyle .bd{width: 60%;float: right;position: relative;overflow: hidden;}
.proStyle .bd .tab{width: 38%;height: 30%;background-color:#f3f3f3;position: absolute;bottom: 0;right: 0;text-align: center;padding: 0 1%;}
.proStyle .bd .tab .cell{vertical-align:middle;position: relative;top: 50%;margin-top: -34px;}
.proStyle .bd .tab .cell .pageState{font-size: 14px;color: #575757;letter-spacing: 4px;}
.proStyle .bd .tab .cell .pageState span{font-size: 28px;}
.proStyle .bd .tab .tit{position: relative;}
.proStyle .bd .tab .tit .line{width:66%;height:1px;top: 50%;position: absolute; left: 50%; margin-left: -33%;background-color: #dcdcdc;}
.proStyle .bd .tab .tit .line span{width: 20%;position: relative;left: 0;top: -1px;  height: 2px;background-color: #a7a7a7;display: block;}
.proStyle .bd .tab .tit>.a{width: 36px;height: 17px;background-position:50% 50%;transition:.3s;-webkit-transition: .3s; background-repeat: no-repeat;cursor: pointer;}
.proStyle .bd .tab .tit .prev{background-image: url(../images/proStylePrev.png);float: left;}
.proStyle .bd .tab .tit .prev:hover{background-position-x:30%; }
.proStyle .bd .tab .tit .next:hover{background-position-x:70%; }
.proStyle .bd .tab .tit .next{background-image: url(../images/proStyleNext.png);float: right;}
.proStyle .bd li img{width: 100%;}
.proClass {text-align:center;overflow:hidden;height:720px;padding-top:84px}
.proClass h3 {color:#002f95;font-size:30px;line-height:1;margin-bottom:16px}
.proClass p {color:#999;font-size:14px;line-height:1}
.proSli .bd .itemBox {height:450px}
.proSli .hd {background-color:#fff;}
.proSli {background:#e8f0f7;}
.proClassList {margin-top:27px}
.proClassList li {text-align:center;width:160px;height:105px;float:left;margin-right:150px;position:relative;background-repeat:no-repeat;background-position:center 13px}
.proClassList li a {padding:65px 0 22px;line-height:1;display:inline-block;color:#777;font-size:18px}
.proClassList li:after {content:'';display:block;width:0;background:#5e73e0;position:absolute;left:50%;bottom:0;height:2px;transition:.3s;-webkit-transition:.3s}
.proClassList li.on:after {width:100%;left:0}
.proClassList li.on a {color:#3650d8}
.proClassList li.on.li-1 {background-image:url(../images/l1-h.png)}
.proClassList li.on.li-2 {background-image:url(../images/l2-h.png)}
.proClassList li.on.li-3 {background-image:url(../images/l3-h.png)}
.proClassList li.on.li-4 {background-image:url(../images/l4-h.png)}
.proClassList li.on.li-5 {background-image:url(../images/l5-h.png);margin-right:0}
.proClassList li.li-1 {background-image:url(../images/l1.png)}
.proClassList li.li-2 {background-image:url(../images/l2.png)}
.proClassList li.li-3 {background-image:url(../images/l3.png)}
.proClassList li.li-4 {background-image:url(../images/l4.png)}
.proClassList li.li-5 {background-image:url(../images/l5.png);margin-right:0}
.proShow {height:450px;background:#e8f0f7}
.proShow .proShowBg {width:97%;height:100%;margin:auto;padding:106px 0 0 0;background:url(../images/proShow-1.png) no-repeat right bottom;}
.proShow ul {width:888px}
.proShow ul li {float:left;width:400px;margin:0 36px 40px 0;background-image:url(../images/in-gt.png);background-repeat:no-repeat;background-position:367px 50%;background-color:#fff;transition:.3s;-webkit-transition:.3s}
.proShow ul li:hover {background-image:url(../images/in-gt-h.png);-webkit-box-shadow:rgba(0,69,183,.25) 0 0 20px 4px;box-shadow:rgba(0,69,183,.25) 0 0 20px 4px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.proShow ul li a {padding:24px 0 0 20px;display:block;height:90px;text-align:left;}
.proShow ul li h4 {font-size:18px;color:#3650d8;line-height:1;margin-bottom:10px}
.proShow ul li p {color:#aaa;line-height:1;font-size:14px}
.in-sli{
    position: relative;}
.in-sli .hd {text-align:left;position:absolute;
    height:608px;
    display: table;
   /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;*/

    width: 94px; transition: all ease-in-out 0.3s;
}
.in-sli .hd ul{;vertical-align: middle;position:relative;z-index:50;width: 100%;transition: all ease-in-out 0.5s .5s;display: table-cell;}
.in-sli .hd .line {width:120px;height:32px;position:absolute;background-color:#3651d8;top:50%;margin-top:-16px}
.sidebar-dash {
    margin: 0 16px 0 0;
    width: 30px;
    height: 1px;
    background: #b01c1d;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 68px;
    transition: right .3s .3s , height ease-in-out 0.3s ;
}
.sidebar-number{
    float: right;
    margin-right: 94px;}
.sidebar-label {

    float: right;
    height: 100%;
    width: 82px;
    opacity: 0;
    margin-right: 15px;
    display: inline-block;
    transition: all ease-in-out 0.2s;
}
.sidebar-border {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: rgba(121,131,82,0.3);
    transition: all ease-in-out 0.2s;
}
.in-sli .hd:hover .sidebar-border {
    width: 100%;
    transition: width ease-in-out 0.4s 0.4s;
}
.in-sli .hd:hover  .sidebar-dash{width: 34px !important;
    margin: 0;
    right: 147px;
   }
.in-sli .hd:hover  .sidebar-label{    opacity: 1;
    transition: opacity ease-in-out 0.4s 0.3s;}

.in-sli .hd:hover{width: 250px;    transition: width ease-in-out 0.3s 0.3s; }
.in-sli .hd:hover ul{transition: width ease-in-out 0.3s 0.3s;}
.in-sli .hd:hover li{height:70px;line-height:70px;    transition: height ease-in-out 0.3s;  background-color: rgba(255,255,255,.8); }

.in-sli .hd  li.on{    color: #404040;}
.in-sli .hd  li:hover{color:#fff;}
.in-sli .hd  li.on .sidebar-dash {
    width: 68px;margin: 0;
    background-color: #404040;}
.in-sli .hd  li:before {
    content: "";
    display: block ;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #414141;
    z-index: -1;
    opacity: 0;
    transition: all ease-out 0.3s;
}
.in-sli .hd ul li:hover .sidebar-label {
    color: #fff;

}
.in-sli .hd ul li:hover .sidebar-dash {
    background: #fff;

}
.in-sli .hd ul li:hover:before{    width: 100%;
    opacity: 1;
    transition: all ease-out 0.3s;}
.in-sli .hd ul li {
    color: #b01c1d;
    width: 100%;cursor:pointer;height:60px;line-height:60px;overflow: hidden;font-size:14px;transition: height ease-in-out 0.3s 0.3s;position:relative;      transform: matrix(1, 0, 0, 1, 0, 0);}



.in-sli .hd ul li.on:after {display:none}
.in-sli .bd {position:relative;padding:90px 0;overflow: hidden;max-height: 620px;}
.rightBox{
    float: right;margin-right: 3%;
    width: 1400px;}
.in-sli .bd li {}

.in-sli .bd li .niceScroll {position:relative;height:428px;width:99.2%;overflow: hidden;cursor:move;cursor: -webkit-grab;cursor: grab;}
/*.ie9 .in-sli .bd .item{margin-right: 20px;} .in-sli .bd .item:last-child{  width:466.66666666666667px;padding-right: 0;}*/
.in-sli .bd .item {height:428px;
    position: relative;
    width:446.66666666666667px;
    padding-right: 20px;
    overflow: hidden;

}

.in-sli .bd .item .pic{width:100%;height:317px;}
.in-sli .bd .item img {width:100%;height:100%;}
.in-sli .bd .item a{ cursor:move; cursor: -webkit-grab;cursor: grab;
    display: block;text-decoration: none;
    width: 100%;
    height: 100%;}
.in-sli .bd .item a:hover{color: #fff;}
.in-sli .bd .item .cont {position:relative;z-index:2;width:100%;padding:41px 26px 0;margin: 0;
    left: 0; height:100%;background-color:#292929;color:#fff;transition: .6s;-webkit-transition: .6s;
    top: 0;}
.in-sli .bd .item .cont .bgColor{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: .6s;-webkit-transition: .6s;opacity: 0;
    background-color: #E32325;}
.in-sli .bd .item .cont .bgContent{position: relative;z-index: 20;}
.in-sli .bd .item .cont .time{font-size: 14px;margin-bottom: 15%;opacity: 0; transition: .6s .1s;-webkit-transition: .6s .1s;transform: translateY(30px);-webkit-transform:translateY(30px); }
.in-sli .bd .item .cont .hid{opacity: 0;transition: .3s;-webkit-transition: .3s;}
.in-sli .bd .item .cont h3 {font-size:18px;margin-bottom:5%;}
.in-sli .bd .item .cont .txt {font-size:14px;height:143px;overflow:hidden;line-height:24px;
    opacity: 0; transition: .6s .2s;-webkit-transition: .6s .2s;transform: translateY(30px);-webkit-transform:translateY(30px);}
.in-sli .bd .item .cont .more {width:31px;
    height: 31px;background: url("../images/szj.png") no-repeat center;
    position: relative;
    opacity: 0; transition: .6s .3s;-webkit-transition: .6s .3s;transform: translateY(30px);-webkit-transform:translateY(30px);
}



.in-sli .bd .item .cont .more .moveLine:after {position:absolute;background:url(../images/moveArr.png) repeat-x 0 50%;content:'';width:6px;right:-6px;top:50%;margin-top:-4px;height:9px}
.in-sli .bd .item:hover .cont {top: -317px;
    padding-top: 18%;
    background-color: #fff;
    }
.in-sli .bd .item:hover .bgColor{opacity: 1;visibility: visible;}
.in-sli .bd .item:hover .cont .hid {opacity:1;}
.in-sli .bd .item:hover .cont .time,.in-sli .bd .item:hover .cont .txt,.in-sli .bd .item:hover .cont .more {visibility:visible;opacity:1;transform: translateY(0px);-webkit-transform:translateY(0px)}
.in-sli .bd .item:hover .cont .more .moveLine {opacity:1;width:52px}
.in-examp {height:791px;background:#000 url(../images/anLi.jpg) center;position:relative;padding-top:160px}
.in-examp .exampSlideBox {width:1322px;margin:0 auto}
.in-examp .exampSlideBox .exampSlide {float:right;background:url(../images/computer.png) no-repeat center 0;width:953px;height:521px;position:relative}
.in-examp .exampSlideBox .bd {width:737px;height:444px;border-radius:3px;overflow:hidden;background-color:#333;top:21px;left:119px;position:absolute}
/* 线条开始 */ .exampSlideBox .bd li .cover {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,51,127,0.67);opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;padding:30px;}
.exampSlideBox .bd li:hover .cover {opacity:1;}
.exampSlideBox .bd img,.in-examp .exampSlideBox .bd li {width:100%}
.exampSlideBox .bd li {position:relative;}
.exampSlideBox .bd li .border-hor {border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform:scale(0,1)}
.exampSlideBox .bd li .border-ver {border-left:1px solid #fff;border-right:1px solid #fff;transform:scale(1,0);-webkit-transform:scale(1,0);}
.exampSlideBox .bd li  .border-ver,.exampSlideBox .bd li .border-hor {position:absolute;top:1.875rem;left:1.875rem;bottom:1.875rem;right:1.875rem;-webkit-transition:all 1s;transition:all 1s;-webkit-transition:all 0.5s;}
.exampSlideBox .bd li:hover  .border-ver,.exampSlideBox .bd li:hover .border-hor {transform:scale(1,1);-webkit-transform:scale(1,1);}
/* 线条结束 */.exampSlideBox .bd li  .content {position:absolute;left:1.875rem;right:1.875rem;color:#fff;bottom:5.6rem;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;}
.exampSlideBox .bd li  .content h4 {font-size:36px;margin-bottom:10px;}
.exampSlideBox .bd li  .content h5 {font-size:18px;}
.exampSlideBox .bd li  .content .line {width:80px;height:1px;background-color:#fff;margin:9px 0;}
.exampSlideBox .bd li  .content p {font-size:12px;}
.exampSlideBox .bd li:hover  .content {opacity:1;padding:0 5%;}
.in-examp .cont {float:left;width:364px;position:relative;color:#fff;padding-top:30px}
.in-examp .cont .hdTxt li {display:none}
.in-examp .cont .intro {font-size:18px;line-height:35px;height:180px;overflow:hidden}
.in-examp .cont .eng {font-size:14px;text-transform:uppercase;margin:30px 0 140px}
.in-examp .cont .tab {position:absolute;top:300px;left:0}
.in-examp .cont .tab a {display:inline-block;vertical-align:top;margin-right:17px;position:relative;width:46px;overflow:hidden;height:46px;border-radius:50%;border:1px solid #fff;-webkit-transition:.3s;transition:.3s;webkit-transtion:.3s;}
.in-examp .cont .tab a span {width:100%;height:100%;position:absolute;top:0;left:0;display:block;background-position:center center;z-index:50;-webkit-transition:.3s;transition:.3s;webkit-transtion:.3s;background-repeat:no-repeat;}
.in-examp .cont .tab a:after {content:"";display:block;z-index:10;border-radius:50%;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;-webkit-transition:.3s;transition:.3s;webkit-transtion:.3s;-webkit-transform:scale(0);transform:scale(0);}
.in-examp .cont .tab a:hover {border-color:#fff;border:0;}
.in-examp .cont .tab a:hover:after {-webkit-transform:scale(1);transform:scale(1);}
.in-examp .cont .tab .prev span {background-image:url(../images/in-prev.png)}
.in-examp .cont .tab .prev:hover span {background-image:url(../images/in-prev-h.png)}
.in-examp .cont .tab .next span {background-image:url(../images/in-next.png)}
.in-examp .cont .tab .next:hover span {background-image:url(../images/in-next-h.png)}
.in-examp .cont .messBot {font-size:14px;line-height:35px}
.in-about {height:492px;position:relative}
.in-about .in-about-bg {display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/in-about-2.jpg) no-repeat 50% 0 fixed}
.in-about .wrap {z-index:10}
.in-about ul {height:492px;width:100%;float:right;border-right:1px solid rgba(255,255,255,.3)}
.in-about ul li {float:right;height:100%;color:#fff;position:relative;width:24%;border-left:1px solid rgba(255,255,255,.3)}
.in-about ul li.in-ab-1:after {content:'';display:block;width:7px;height:97px;background-color:#cf2022;top:82px;left:-1px}
.in-about ul li.in-ab-1 img {position:absolute;top:40px;right:-48px}
.in-about ul li.in-ab-1 .txt {position:absolute;text-align:center;right:-24px;bottom:57px}
.in-about ul li.in-ab-1 .txt h4 {font-size:37px;line-height:1;margin-bottom:15px}
.in-about ul li.in-ab-1 .txt p {font-size:24px}
.in-about ul li.in-ab-3 {padding-top:68px}
.in-about ul li.in-ab-3 .cont-1 .img {height:71px;}
.in-about ul li.in-ab-3 .cont-2 .img {height:77px;}
.in-about ul li.in-ab-3 .cont-1 {margin-bottom:26px}
.in-about ul li.in-ab-3 .cont {padding-left:38px;position:relative}
.in-about ul li.in-ab-3 .cont img {display:block}
.in-about ul li.in-ab-3 .cont:after {content:'';display:block;position:absolute;width:6px;height:51px;background-color:rgba(255,255,255,.3);top:10px;left:-1px}
.in-about ul li.in-ab-3 .cont .b {font-size:70px;display:inline-block;line-height:1;font-weight:700;position:relative;font-family: big_noodle, Arial,microsoft yahei,sans-serif;}
.in-about ul li.in-ab-3 .cont .b i {position:absolute;top:-28px;font-style:normal;right:-38px;font-size:60px}
.in-about ul li.in-ab-3 .cont p {font-size:18px}
.onlineMess {padding-top:25px;height:214px;background:url(../images/leaveMsg.jpg) no-repeat center 0;color:#fff}
.onlineMess .onM-l {font-size:24px}
.onlineMess .onM-l .p2 {line-height:1;margin-top:2px;font-weight:700}
.onlineMess .onM-r {text-align:right;padding-top:10px;}
.onlineMess .onM-r .p1 {font-size:12px}
.onlineMess .onM-r .p2 {font-size:14px;line-height:1;margin-top:7px}
.onlineMess .in-form {margin-top:33px}
.onlineMess .in-form-err {margin-top:5px;color:#f00;font-size:12px;}
.onlineMess .in-form-err span {float:left;width:23%;height:18px;}
.onlineMess .in-form input {float:left;width:22%;padding:0 14px;height:55px;font-size:16px;background-color:#fff;border:none;outline:0;margin-right:1%}
.onlineMess .in-form input.inp-3 {width:38%}
.onlineMess .in-form button {float:left;border:none;outline:0;cursor:pointer;height:55px;background-color:#0a67b6;font-size:16px;color:#fff;width:15%}
.onlineMess .in-form button:hover {opacity:.9}
.sc_cn {position:relative;overflow:hidden;outline:0}
.sc_m {display:inline-block;position:absolute;top:0;left:0}
.sc_r {position:absolute;top:3%;right:0;width:16px;height:94%}
.sc_b {position:absolute;bottom:0;height:16px;z-index:600}
.sc_r_t {position:absolute;top:0;left:0;height:20px;width:100%;cursor:pointer;text-align:center;font-size:16px;color:#fff;line-height:21px;text-indent:1px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.sc_r_c {position:absolute;top:20px;left:40%;width:6px;background-color:#c1bfbf;border-radius:8px}
.sc_r_b {position:absolute;bottom:0;left:0;height:20px;width:100%;cursor:pointer;text-align:center;font-size:16px;color:#fff;line-height:16px;text-indent:1px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.sc_r_c_bar {position:absolute;top:0;left:0;width:100%;background-color:#00BCD4;border-radius:8px;cursor:pointer}
.sc_b_l {position:absolute;left:0;width:20px;height:100%;cursor:pointer;text-align:center;font-size:16px;color:#fff;line-height:14px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.sc_b_c {position:absolute;left:20px;bottom:30%;height:10px;background-color:#F3F3F3;border-radius:5px}
.sc_b_r {position:absolute;right:0;width:20px;height:100%;cursor:pointer;text-align:center;font-size:16px;color:#fff;line-height:14px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.sc_b_c_bar {position:absolute;left:0;height:100%;background-color:#3551D8;border-radius:8px;overflow:hidden;cursor:pointer}
@font-face
{ font-family: big_noodle;src: url(../fonts/big_noodle_titling.ttf),url(../fonts/big_noodle_titling_oblique.ttf);}
@media (max-width:1460px) {/* 首页 */    .banner .item1 .dd5 {left:786px;}.banner .item3 .dd7{right: -341px;}
    .in-examp .exampSlideBox {width:1200px;}
    .in-examp .exampSlideBox .exampSlide {transform:scale(.8);-webkit-transform:scale(.8);margin-right:-160px;margin-top:-30px;}
    .banner .item2 .dd6 {left:717px;}
    .proClassList li {margin-right:100px;}
    .proShow .proShowBg {background-size:29%;background-position:right 50%;}

    /*新闻展示   .in-sli .bd .item:last-child{width: 366.6666666666667px;} */
    .rightBox{margin-right: 1%;
        width: 1100px;}
    .in-sli .hd{
        height: 530px;}
    .in-sli .bd li .niceScroll{height: 350px;}
    .in-sli .bd .item {width:340px;height: 350px;}
    
    .in-sli .bd .item .cont{padding: 40px 12px 0;}
    .in-sli .bd .item:hover .cont{top:-247px;padding-top: 10%;}
    .in-sli .bd .item .pic{height: 247px;}

    .in-examp .cont {width:350px;margin-left:14px;}
}
@media (max-width:1500px) {
    /* 首页 */
    .banner .item0 video{top:0;}
    .proStyle .right .proStyLink{
        font-size: 14px;}
    .proStyle .right .intro{margin-bottom: 9%;}

}